	.content {
		min-height: 100vh;
		background-color: #F3F3F3;
	}

	.topBag {
		height: 420rpx;
		background-color: $uni-bg-color;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding: 26rpx;
		
		
		.avatar {
			width: 102rpx;
			height: 102rpx;
			border-radius: 102rpx;
			border: 2rpx solid $uni-color-fff;
		}

		.userName {
			width: 60%;
			height: 100rpx;
			padding: 0rpx 16rpx;

			.name {
				font-weight: bold;
				font-size: 40rpx;
				color: $uni-text-color;
			}

			.uid {
				font-weight: 400;
				font-size: 24rpx;
				color: $uni-text-color-grey6;
			}
		}

		.setting {
			width: 74rpx;
			height: 74rpx;
			border-radius: 50%;
			margin-left: 60rpx;
			margin-top: 20rpx;
		}

		.topMoney {
			width: 100%;
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			text-align: center;
			margin-top: 40rpx;

			.money {
			  width: 33%;
			  height: 60rpx;
			  font-weight: bold;
			  font-size: 40rpx;
			  color: $uni-text-color;
			  overflow: hidden;  /* 隐藏溢出的内容 */
			  white-space: nowrap;  /* 防止文本换行 */
			  text-overflow: ellipsis;  /* 用省略号表示被隐藏的文本 */
			}

			.moneyTitle {
				width: 33%;
				height: 60rpx;
				font-size: 28rpx;
				color: $uni-text-color;
			}
		}

		.withdrawalCard {
			width: 100%;
			height: 136rpx;
			background: linear-gradient(57deg, #7AAD5B 0%, #EBF0E3 100%);
			border-top-left-radius: 15rpx;
			border-top-right-radius: 15rpx;
			position: relative;
			display: flex;
			justify-content: flex-start;
			flex-wrap: nowrap;
			margin-top: 10rpx;
		}

		.withdrawalCard::after {
			content: '';
			position: absolute;
			bottom: -28rpx;
			left: 50%;
			transform: translateX(-50%);
			width: 100%;
			height: 50rpx;
			background-color: inherit;
			border-radius: 50%;
			background: linear-gradient(57deg, #7AAD5B 0%, #EBF0E3 100%);
		}
		
		.withdrawalLeft{
			width: 70%;
			height: 100%;
			color: $uni-color-fff;
			padding: 20rpx;
			
			.withdrawalTitle{
				font-weight: 400;
				font-size: 30rpx;
				font-style: italic;
			}
			.withdrawalMoney{
				font-weight: bold;
				font-size: 50rpx;
			}
		}
		.withdrawalRightButton{
			width: 142rpx;
			height: 50rpx;
			background:#EBF0E3;
			font-size: 26rpx;
			border-radius: 25rpx;
			text-align: center;
			line-height: 50rpx;
			color: #7AAD5B;
			margin: 60rpx 0rpx;
		}
	}
	.myOrder{
		height: 186rpx;
		background: $uni-color-fff;
		border-radius: 15rpx;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding: 24rpx 36rpx;
		margin:40rpx 30rpx 20rpx 30rpx;
		
		.myTitle{
			width: 50%;
			font-weight: bold;
			font-size: 30rpx;
			color: $uni-text-color;
		}
		.allTitle{
			width: 50%;
			text-align: right;
			font-weight: 400;
			font-size: 24rpx;
			color: $uni-text-color-grey;
		}
		.orderStatus{
			width: 25%;
			text-align: center;
			image{
				width: 41rpx;
				height: 41rpx;
				margin-top: 10rpx;
			}
			p{
				font-weight: 400;
				font-size: 24rpx;
				color: $uni-text-color;
				margin-top: 10rpx;
			}
		}
	}
	.entranceBox{
		background-color: $uni-color-fff;
		margin: 0rpx 30rpx;
		padding: 20rpx;
		border-radius: 15rpx;
		
		.entrance{
			padding: 30rpx 25rpx;
			display: flex;
			justify-content: flex-start;
			
			image{
				width: 30rpx;
				height: 30rpx;
				margin: 2rpx 10rpx 0rpx 0rpx;
			}
			
			p{
				width:90%;
				font-size: 26rpx;
				color: $uni-text-color;
				margin-left: 10rpx;
			}
			
		}
	}